<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>支付</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
    <link rel="stylesheet" th:href="@{/lib/weui.min.css}">
    <link rel="stylesheet" th:href="@{/css/jquery-weui.css}">
</head>

<body ontouchstart>

<header class='demos-header'>
    <h1 class="demos-title"></h1>
</header>

<div class="weui-msg">
    <div class="weui-msg__text-area">
        <h1 class="weui-msg__title" th:text="${member.nickName}"></h1>
    </div>
    <div class="weui-form-preview">
        <div class="weui-form-preview__bd">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">会员卡号</label>
                <span class="weui-form-preview__value" th:text="${member.cardNo}" ></span>
            </div>
        </div>
    </div>
    <div class="weui-form-preview">
        <div class="weui-form-preview__bd">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">账户余额</label>
                <span class="weui-form-preview__value" th:text="${member.totalBalances} / 100"></span>
            </div>
        </div>
    </div>
    <div class="weui-form-preview">
        <div class="weui-form-preview__bd">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">积分</label>
                <span class="weui-form-preview__value" th:text="${member.totalIntegral}" ></span>
            </div>
        </div>
    </div>
    <div class="weui-form-preview">
        <div class="weui-form-preview__bd">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">激活时间</label>
                <span class="weui-form-preview__value" th:text="${#dates.format(member.useTime, 'yyyy-MM-dd')}" ></span>
            </div>
        </div>
    </div>
    <div class="weui-form-preview">
        <div class="weui-form-preview__bd">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label">生日</label>
                <span class="weui-form-preview__value" th:text="${#dates.format(member.birthday, 'yyyy-MM-dd')}" ></span>
            </div>
        </div>
    </div>
</div>

<script th:src="@{/lib/jquery-2.1.4.js}"></script>
<script th:src="@{/lib/fastclick.js}"></script>
<script th:src="@{/js/jquery-weui.js}"></script>

<script>
    $(function () {
        FastClick.attach(document.body);
    });
</script>
</body>
</html>
